<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>教师界面</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <link rel="stylesheet" type="text/css" href="SpryAssets/SpryTabbedPanels.css" />
    <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css" />
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/fancybox.css" />
    <script type="text/javascript" src="SpryAssets/SpryTabbedPanels.js"></script>
    <script type="text/javascript" src="jqgrid/jquery.js"></script>
    <script type="text/javascript" src="jqgrid/i18n/grid.locale-cn.js"></script>
    <script type="text/javascript" src="jqgrid/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="jqgrid/jquery.fancybox.js"></script>
    <script type="text/javascript" src="jqgrid/jquery.form.js"></script>
    <script type="text/javascript" src="jqgrid/jquery.message.js"></script>
    <script type="text/javascript">
   $(document).ready(function(){
    /**
    ---实训项目列表代码----
    **/
    $("#sxxmlist").jqGrid({
	url:'bgcx.php?action=sxxmlist',  //请求数据的url地址
	datatype: "json",  //请求的数据类型
   	colNames:['编号','实训名称','课程名称','班级','课时', '审核日期','审核否','发布否','操作'], //数据列名称（数组）
   	colModel:[ //数据列各参数信息设置
   		{name:'ExpId',index:'ExpId', editable:true, width:80,align:'center', title:false},
   		{name:'ExpName',index:'ExpName', width:180, title:false},
   		{name:'CourseName',index:'CourseName', width:180},
		{name:'ClassName',index:'ClassName', width:120},
   		{name:'keshi',index:'keshi', width:80,align:'center'},
		{name:'Expshrq',index:'Expshrq', width:100,align:'center'},
        {name:'Expshzt',index:'Expshzt', formatter: fbshztformat,width:100, sortable:false, align:'center'},
   		{name:'Expfbzt',index:'Expfbzt', formatter: fbshztformat,width:100, sortable:false, align:'center'},
        {name:'Expcz',index:'Expcz', width:100, sortable:false, align:'center'}
   	],
   	rowNum:10, //每页显示记录数
   	rowList:[10,20,30,40], //分页选项，可以下拉选择每页显示记录数
   	pager: '#pagersxxm',  //表格数据关联的分页条，html元素
	autowidth: true, //自动匹配宽度
	height:500,   //设置高度
	gridview:true, //加速显示
    viewrecords: true,  //显示总记录数
	multiselect: true,  //可多选，出现多选框
	multiselectWidth: 25, //设置多选列宽度
	sortable:true,  //可以排序
	sortname: 'ExpId',  //排序字段名
    sortorder: "desc", //排序方式：倒序，本例中设置默认按id倒序排序
	loadComplete:function(data){ //完成服务器请求后，回调函数
		if(data.records==0){ //如果没有记录返回，追加提示信息，删除按钮不可用
			//$("p").appendTo($("#sxxmlist")).addClass("nodata").html('找不到相关数据！');
			//$("#del_btn").attr("disabled",true);
		}else{ //否则，删除提示，删除按钮可用
			//$("p.nodata").remove();
			//$("#del_btn").removeAttr("disabled");
		}
	}
 })

 /**
 实训报告评阅列表代码
 **/
 $("#sxbglist").jqGrid({
	url:'bgcx.php?action=sxbglist',  //请求数据的url地址
	datatype: "json",  //请求的数据类型
   	colNames:['编号','实训名称','课程名称','姓名','班级', '专业','提交日期','成绩','操作'], //数据列名称（数组）
   	colModel:[ //数据列各参数信息设置
   		{name:'ReportId',index:'ReportId', editable:true, width:80,align:'center', title:false},
   		{name:'ExpName',index:'ExpName', width:180, title:false},
   		{name:'CourseName',index:'CourseName', width:100},
        {name:'StudentName',index:'StudentName', width:100},
		{name:'ClassName',index:'ClassName', width:80},
		{name:'ProfName',index:'ProfName', width:80,align:'center'},
        {name:'tjrq',index:'tjrq', width:100, sortable:false, align:'center'},
   		{name:'sxcj',index:'sxcj', width:100, sortable:false, align:'center'},
        {name:'Expcz',index:'Expcz', width:100, sortable:false, align:'center'}
   	],
   	rowNum:10, //每页显示记录数
   	rowList:[10,20,30,40], //分页选项，可以下拉选择每页显示记录数
   	pager: '#pagersxbg',  //表格数据关联的分页条，html元素
	autowidth: true, //自动匹配宽度
	height:500,   //设置高度
	gridview:true, //加速显示
    viewrecords: true,  //显示总记录数
	multiselect: true,  //可多选，出现多选框
	multiselectWidth: 25, //设置多选列宽度
	sortable:true,  //可以排序
	sortname: 'ExpId',  //排序字段名
    sortorder: "desc", //排序方式：倒序，本例中设置默认按id倒序排序
	loadComplete:function(data){ //完成服务器请求后，回调函数
		if(data.records==0){ //如果没有记录返回，追加提示信息，删除按钮不可用
				;
		}else{ //否则，删除提示，删除按钮可用
			;
		}
	}
 })


  /**
 实训项目审核列表
 **/
 $("#sxxmshlist").jqGrid({
	url:'bgcx.php?action=sxxmshlist',  //请求数据的url地址
	datatype: "json",  //请求的数据类型
   	colNames:['编号','实训名称','课程名称','班级','课时', '审核日期','审核否'], //数据列名称（数组）
   	colModel:[ //数据列各参数信息设置
   		{name:'ExpId',index:'ExpId', editable:true, width:80,align:'center', title:false},
   		{name:'ExpName',index:'ExpName', width:200, title:false},
   		{name:'CourseName',index:'CourseName', width:180},
		{name:'ClassName',index:'ClassName', width:100},
   		{name:'keshi',index:'keshi', width:100,align:'center'},
		{name:'Expshrq',index:'Expshrq', width:100,align:'center'},
        {name:'Expshzt',index:'Expshzt', formatter: fbshztformat,width:80, sortable:false, align:'center'}
   	],
   	rowNum:10, //每页显示记录数
   	rowList:[10,20,30,40], //分页选项，可以下拉选择每页显示记录数
   	pager: '#pagersxxmsh',  //表格数据关联的分页条，html元素
	autowidth: true, //自动匹配宽度
	height:500,   //设置高度
	gridview:true, //加速显示
    viewrecords: true,  //显示总记录数
	multiselect: true,  //可多选，出现多选框
	multiselectWidth: 25, //设置多选列宽度
	sortable:true,  //可以排序
	sortname: 'ExpId',  //排序字段名
    sortorder: "desc", //排序方式：倒序，本例中设置默认按id倒序排序
	loadComplete:function(data){ //完成服务器请求后，回调函数
		if(data.records==0){ //如果没有记录返回，追加提示信息，删除按钮不可用
			;
		}else{ //否则，删除提示，删除按钮可用
			;
		}
	}
 })
 
 /**实训报告管理**/
$("#sxbggllist").jqGrid({
	url:'bgcx.php?action=sxbggllist',  //请求数据的url地址
	datatype: "json",  //请求的数据类型
   	colNames:['编号','实训名称','课程名称','姓名','班级', '专业','提交日期','成绩','操作'], //数据列名称（数组）
   	colModel:[ //数据列各参数信息设置
   		{name:'ReportId',index:'ReportId', editable:true, width:80,align:'center', title:false},
   		{name:'ExpName',index:'ExpName', width:180, title:false},
   		{name:'CourseName',index:'CourseName', width:100},
        {name:'StudentName',index:'StudentName', width:100},
		{name:'ClassName',index:'ClassName', width:80},
		{name:'ProfName',index:'ProfName', width:80,align:'center'},
        {name:'tjrq',index:'tjrq', width:100, sortable:false, align:'center'},
   		{name:'sxcj',index:'sxcj', width:100, sortable:false, align:'center'},
        {name:'Expcz',index:'Expcz', width:100, sortable:false, align:'center'}
   	],
   	rowNum:10, //每页显示记录数
   	rowList:[10,20,30,40], //分页选项，可以下拉选择每页显示记录数
   	pager: '#pagersxbggl',  //表格数据关联的分页条，html元素
	autowidth: true, //自动匹配宽度
	height:500,   //设置高度
	gridview:true, //加速显示
    viewrecords: true,  //显示总记录数
	multiselect: true,  //可多选，出现多选框
	multiselectWidth: 25, //设置多选列宽度
	sortable:true,  //可以排序
	sortname: 'ExpId',  //排序字段名
    sortorder: "desc", //排序方式：倒序，本例中设置默认按id倒序排序
	loadComplete:function(data){ //完成服务器请求后，回调函数
		if(data.records==0){ //如果没有记录返回，追加提示信息，删除按钮不可用
			;
		}else{ //否则，删除提示，删除按钮可用
			;
		}
	}
 })



 /** jqgrid formatter 格式说明：
  cellvalue - 当前cell的值
  options - 该cell的options设置，包括{rowId, colModel,pos,gid}
  rowObject - 当前cell所在row的值，如{ id=1, name="name1", price=123.1, ...}
**/
 function fbshztformat(cellvalue, options, rowObject){
   if(cellvalue==1)
      return '<span>是</span>';
   else
      return '<span style="color: red">否</span>';
  };

 })
</script>
<style>
.ui-jqgrid .ui-jqgrid-title{font-size:14px;}    /*修改grid标题的字体大小{%$PanelAddExp%}*/
.ui-jqgrid-sortable {font-size:14px;}   /*修改列名的字体大小*/
.ui-jqgrid tr.jqgrow td {font-size:14px; } /*修改表格内容字体*/
#AddExp {
    width:auto;
    height:auto;
    z-index:1;
    background-color: #FFF;
    overflow: hidden;
    right: auto;
    bottom: auto;
    border: thin solid #09F;
    left: 384px;
    top: 200px;
    position: absolute;
    margin: auto;
    }
#main{
    width: 1024px;
	height: 768px;
	margin: auto;
	}
 </style>
 {%$HeaderCode%}
 </head>

  <body style="background-color: white">
  <br/>
  <div id="header" style="height: 40px; width:1024px; margin:auto">
        <table width="1025" border="0" cellpadding="0" cellspacing="1">
          <tr>
            <td width="154">&nbsp;</td>
            <td width="703" align="center"><span style="color:black;">{%$sxtitle%}</span></td>
            <td width="154">{%$ButtonLoginOut%}</td>
          </tr>
        </table>
    </div>
    <div id="main">{%$StartForm%}
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
        <tbody>
          <tr id="menu" bgcolor="#ccccff">
            <th bgcolor="#00ccff" height="20" width="200" scope="col" align="left">{%$LabelTeacherName%}</th>
            <th bgcolor="#00ccff" scope="col" align="left">{%$LabelDeparment%} </th>
          </tr>
        </tbody>
      </table>
<div style="width: 1024px; height: 768px" id="TabbedPanels1" class="TabbedPanels">
        
        <ul class="TabbedPanelsTabGroup">
         {%if $TeaType==3%}
           <li class="TabbedPanelsTab" tabindex="0" {%$sxxmshxs%}>实训项目审核</li>
		   <li class="TabbedPanelsTab" tabindex="1" {%$sxxmshxs%}>实训报告管理</li>
         {%else if $TeaType==2%}
           <li class="TabbedPanelsTab" tabindex="0" {%$sxxmfbxs%}>实训项目申报与发布</li>
           <li class="TabbedPanelsTab" tabindex="1" {%$sxbgpyxs%}>实训报告评阅</li>
		   <li class="TabbedPanelsTab" tabindex="2" {%$sxxmshxs%}>实训项目审核</li>
         {%else%}
           <li class="TabbedPanelsTab" tabindex="0" {%$sxxmfbxs%}>实训项目申报与发布</li>
           <li class="TabbedPanelsTab" tabindex="1" {%$sxbgpyxs%}>实训报告评阅</li> 
        {%/if%}
        </ul>
       <div class="TabbedPanelsContentGroup">
       {%if $TeaType==3%}
          <div style="height: 600px width: 1004px" class="TabbedPanelsContent" >
          	<div>{%$Panelsxxmsh%}</div>
            <table id="sxxmshlist"></table>
            <div id="pagersxxmsh"></div>
          </div>
          <div style="height: 600px width: 1004px" class="TabbedPanelsContent" >
            <table id="sxbggllist"></table>
            <div id="pagersxbggl"></div>
          </div>

      	{%else if $TeaType==2%}
          <div style="height: 600px" class="TabbedPanelsContent">
            <div>{%$Panel_SxxmglMenu%}</div>
            <table id="sxxmlist"></table>
            <div id="pagersxxm"></div>
          </div>
          <div style="height: 600px width: 1004px" class="TabbedPanelsContent">
             <table id="sxbglist"></table>
             <div id="pagersxbg"></div>
          </div>
		  <div style="height: 600px width: 1004px" class="TabbedPanelsContent" >
          	<div>{%$Panelsxxmsh%}</div>
            <table id="sxxmshlist"></table>
            <div id="pagersxxmsh"></div>
          </div>

		 {%else%}
          <div style="height: 600px" class="TabbedPanelsContent">
            <div>{%$Panel_SxxmglMenu%}</div>
            <table id="sxxmlist"></table>
            <div id="pagersxxm"></div>
          </div>
          <div style="height: 600px width: 1004px" class="TabbedPanelsContent">
             <table id="sxbglist"></table>
             <div id="pagersxbg"></div>
          </div>          
         {%/if%}
         
        </div>
      </div>
</div>

<div id="footer">
  <div style="display: none">
    <div id="addsxxm"><span style="font-size: 14px">{%$PanelAddExp%}</span></div>
  </div>

  <script type="text/javascript">
	var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  </script>

</div>
{%$EndForm%}
</body>

</html>